<template>
  <el-dialog
    :title="dialogTitle"
    v-model="showDialog"
    draggable
    width="1024px"
    append-to-body
  >
    <div>
      <query-bar />
      <timeline />
    </div>
  </el-dialog>
</template>

<script setup>
import { ref, computed } from "vue";
import QueryBar from "./QueryBar.vue";
import Timeline from "./Timeline.vue";
import useCapacityStore from "@/store/capacity.js";
const capacityStore = useCapacityStore();

const showDialog = ref(false);
const dialogTitle = ref("历史记录");
defineExpose({ open });
function open() {
  showDialog.value = true;
}
</script>
